<template>
  <div class="item-content">
    <img :src="leader.coverImgUrl" alt="" />
    <p>{{leader.title}}</p>
    <p>{{leader.gmtCreated}}</p>
  </div>
</template>

<script>
export default {
  props: {
    leader: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {
     
    };
  },
};
</script>

<style scoped>
.item-content {
  box-shadow:#aaa 0px 0px 5px;
  padding: 10px;
  /* height: 235px; */
}
.item-content img {
  width: 100%;
  padding-bottom: 10px;
}
.item-content p {
  font-size: 12px;
  line-height: 16px;
}

@media screen and (max-width:768px) {
.item-content img {
    padding: 0px;
  }
}
</style>
